#{extends 'main.html' /}
#{stylesheet 'style.css'/}
#{stylesheet 'estilo.css'/}
#{stylesheet 'coinslider.css'/}


#{form @secure.authenticate()}
	
		#{if flash.error}
			<p class="error">
				&{flash.error}
			</p>
		#{/if}
		#{if flash.success}
			<p class="success">
				&{flash.success}
			</p>
		#{/if}
	
		
			<label for="username">&{'secure.username'}</label>
			<input type="text" name="username" id="username" value="${flash.username}" />
		
			<label for="password">&{'secure.password'}</label>
			<input type="password" name="password" id="password" value="" />
		
		
			<input type="checkbox" name="remember" id="remember" value="true" ${flash.remember ? 'checked="true"' : ''} />
			<label for="remember">&{'secure.remember'}</label>
		
		
			<input type="submit" id="signin" value="&{'secure.signin'}" />
		
	#{/form}




<body>
<div class="main">
  <div class="header">
    <div class="header_resize">
      <div class="menu_nav">
        <ul>
          <li class="active"><a href="index.html"><span>Home Page</span></a></li>
          <li><a href="cadastros"><span>Area Cliente</span></a></li>
          <li><a href="about.html"><span>Trabalhe Conosco</span></a></li>
          <li><a href="blog.html"><span>Blog</span></a></li>
          <li><a href="contact.html"><span>Quem Somos</span></a></li>
        </ul>
      </div>
      <div class="logo">
        <h1>&nbsp;</h1>
      </div>
      <div class="clr"></div>
      <div class="slider">
       
	   <div id="coin-slider"> 
			<a href="#"><img src="public/images/slide1.jpg" width="940" height="310" alt="" /> </a>
			<a href="#"><img src="public/images/slide2.jpg" width="940" height="310" alt="" /></a>
			<a href="#"><img src="public/images/slide3.jpg" width="940" height="310" alt="" /> </a> </div>
        
				<div class="clr"></div>
			</div>
			<div class="clr"></div>
			</div>
		</div>
  <div class="content">
    <div class="content_resize">
      <div class="mainbar">
        <div class="article">
          <h2><span>Hair Manager</span> O Salao Feito para voce </h2>
          <p class="infopost">Posted on <span class="date">11 sep 2018</span> by <a href="#">Admin</a> &nbsp;&nbsp;|&nbsp;&nbsp; Filed under <a href="#">templates</a>, <a href="#">internet</a> &nbsp;&nbsp;|&nbsp;&nbsp; <a href="#" class="com">Comments <span>11</span></a></p>
          <div class="clr"></div>
         
		 <div class="img"><img src="public/images/img1.jpg" width="638" height="192" alt="" class="fl" /></div>
         
		 <div class="post_content">
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. <a href="#">Suspendisse bibendum. Cras id urna.</a> Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. Curabitur vel urna. In tristique orci porttitor ipsum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo.</p>
            
          </div>
          <div class="clr"></div>
        </div>
        <div class="article">
                   
		  <div class="img"><img src="images/img2.jpg" width="638" height="192" alt="" class="fl" /></div>
         
		 
          <div class="clr"></div>
        </div>
        <p class="pages"><small>Page 1 of 2</small> <span>1</span> <a href="#">2</a> <a href="#">&raquo;</a></p>
      </div>
      <div class="sidebar">
        <div class="searchform">
          <form id="formsearch" name="formsearch" method="post" action="#">
            <span>
            <input name="editbox_search" class="editbox_search" id="editbox_search" maxlength="80" value="Search our ste:" type="text" />
            </span>
            <input name="button_search" src="public/images/search.gif" class="button_search" type="image" />
          </form>
        </div>
        <div class="gadget">
          <h2 class="star"><span>Sidebar</span> Menu</h2>
          <div class="clr"></div>
          <ul class="sb_menu">
            <li><a href="#">Home</a></li>
            <li><a href="#">TemplateInfo</a></li>
            <li><a href="#">Style Demo</a></li>
            <li><a href="#">Blog</a></li>
            <li><a href="#">Archives</a></li>
            <li><a href="#">Web Templates</a></li>
          </ul>
        </div>
        <div class="gadget">
          <h2 class="star"><span>Parceiros</span></h2>
          <div class="clr"></div>
          <ul class="ex_menu">
            <li><a href="http://www.rn.senac.br/">Senac</a><br />
              Cursos para a vida</li>
            <li><a href="http://wella.com/en-EN/salon-finder-mobile.aspx">Wella</a><br />
             Produtos que Transformam</li>
           
              </li>
          </ul>
        </div>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="fbg">
    <div class="fbg_resize">
      <div class="col c1">
        <h2><span>Imagens</span> Gallery</h2>
		<div id="album">
			
        <a class="fotosdoalbum" href="#"><img src="public/images/gal1.jpg" width="75" height="75" alt="" class="gal" /><span>
		<img src="public/images/gal1.jpg" width="600" height="300" alt="" border="0"></span></a>

		<a class="fotosdoalbum" href="#"><img src="public/images/gal2.jpg" width="75" height="75" alt="" class="gal" /><span>
		<img src="public/images/gal2.jpg" width="600" height="300" alt="" border="0"></span></a>
		
		<a class="fotosdoalbum" href="#"><img src="public/images/gal3.jpg" width="75" height="75" alt="" class="gal" /><span>
		<img src="public/images/gal3.jpg" width="600" height="300" alt="" border="0"></span></a>
		
		<a class="fotosdoalbum" href="#"><img src="public/images/gal4.jpg" width="75" height="75" alt="" class="gal" /><span>
		<img src="public/images/gal4.jpg" width="600" height="300" alt="" border="0"></span></a>
		
		<a class="fotosdoalbum" href="#"><img src="public/images/gal5.jpg" width="75" height="75" alt="" class="gal" /><span> 
		<img src="public/images/gal5.jpg" width="600" height="300" alt="" border="0"></span></a>
		
		<a class="fotosdoalbum" href="#"><img src="public/images/gal6.jpg" width="75" height="75" alt="" class="gal" /><span>
		<img src="public/images/gal6.jpg" width="600" height="300" alt="" border="0"></span></a>
   
   </div>
   </div>
	 <div class="col c2">
        <h2><span>Services</span> Overview</h2>
        <p>Curabitur sed urna id nunc pulvinar semper. Nunc sit amet tortor sit amet lacus sagittis posuere cursus vitae nunc.Etiam venenatis, turpis at eleifend porta, nisl nulla bibendum justo.</p>
        <ul class="fbg_ul">
          <li><a href="#">Lorem ipsum dolor labore et dolore.</a></li>
          <li><a href="#">Excepteur officia deserunt.</a></li>
          <li><a href="#">Integer tellus ipsum tempor sed.</a></li>
        </ul>
      </div>
      <div class="col c3">
        <h2><span>Contact</span> Us</h2>
        <p>Nullam quam lorem, tristique non vestibulum nec, consectetur in risus. Aliquam a quam vel leo gravida gravida eu porttitor dui.</p>
        <p class="contact_info"> <span>Address:</span> 1458 TemplateAccess, USA<br />
          <span>Telephone:</span> +123-1234-5678<br />
          <span>FAX:</span> +458-4578<br />
          <span>Others:</span> +301 - 0125 - 01258<br />
          <span>E-mail:</span> <a href="#">mail@yoursitename.com</a> </p>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="footer">
    <div class="footer_resize">
      <p class="lf">&copy; Copyright <a href="#">MyWebSite</a>.</p>
      <p class="rf">Design by Dream <a href="http://www.dreamtemplate.com/">Web Templates</a></p>
      <div style="clear:both;"></div>
    </div>
  </div>
</div>
</body>
</html>
